<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="./css/vant.css" />
    <link rel="stylesheet" type="text/css" href="./css/id.css?ver=1.6" />
    <script src="./js/vue.js" type="text/javascript" charset="utf-8"></script>
    <script src="./js/vant.min.js"></script>
    <script src="./js/axios.min.js"></script>
    <title>电子ID</title>
</head>

<body>
    <div id="app" v-cloak>
        <div class="card">
            <div class="card-top-row">
                <div class="card-top-row-l">
                    <div class="card-top-row-logo">
                        <img src="img/logo.png" alt="中山电子科大学院图标" class="logo1">
                        <img src="img/logo2.png" alt="中山电子科大学院名称" class="logo2">
                    </div>
                    <div class="card-top-row-l-block">
                        <span class="card-top-row-l-name">{{form.name}}</span>
                        <!-- <img v-if="form.sex" :src="form.sex=='男'?'img/1.png':'img/0.png'" alt="学生性别" class="icon-sex"> -->
                    </div>
                    <div class="card-top-row-l-type">{{form.type=='教师'?'教职工':form.type}}</div>
                </div>
                <div class="card-top-row-r">
                    <img :src="form.img?form.img:form.sex=='女'?'img/girl.png':'img/boy.png'" class="student-pic"
                        onerror="this.src='img/boy.png';">
                </div>
            </div>
            <div class="card-info-row">
                <div class="card-info-row-label">{{form.type=='教师'?'部门':'院系'}}：</div>{{form.department}}
            </div>
            <div class="card-info-row" v-show="form.type=='学生'">
                <div class="card-info-row-label">班级：</div>{{form.banji}}
            </div>
            <div class="card-info-row">
                <div class="card-info-row-label">{{form.type=='教师'?'工号':'学号'}}：</div>{{form.account}}
            </div>
        </div>
        <div class="info">
            使用说明：{{form.info}}
        </div>
    </div>
    <script>
        document.write('<script type="text/javascript" src="./js/id.js?ver=' + Math.random() + '"><\/script>');
    </script>
</body>

</html>